<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="http://static.joyowo.com/public/xm/dist/css/common/common.css">
  <script type="text/javascript" src="http://static.joyowo.com/lib/seajs/2.3.0/sea-debug.js"></script>
  <script type="text/javascript" src="http://static.joyowo.com/lib/seajs-plugins/seajs-preload/1.0.0/seajs-preload.js"></script>
  <script type="text/javascript" src="http://static.joyowo.com/public/xm/config/seajs/seajs-config.js"></script>

</head>
<body>
<script id="tpl" type="text/x-handlebars-template">
<div class="entry">
	<h1>{{title}}</h1>
	<div class="body">
		{{body}}
	</div>
</div>
</script>
<script type="text/javascript">

seajs.use(['{plugins}/handlebars/2.0.0/handlebars', '$'], function(Handlebars, $) {
  var source   = $("#tpl").html();
  var template = Handlebars.compile(source);
  var context = {title: "My New Post", body: "This is my first post!"};
  var html    = template(context);
  $('body').html(html);
});



</script>

</body>
</html>